<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    /*
     *基本数据类型
     *String Number Boolean Null Undefined
     * 引用数据类型
     * Object
     */
    //基本数据类型
    var a=123;
    var b=456;
    console.log("a="+a);
    console.log("b="+b);

    //引用数据类型
    var role1=new Object();
    role1.姓名="孙悟空";
    role1.职位="齐天大圣、斗战胜佛";
    role1.武器="如意金箍棒";

    var role2=new Object();
    role2.姓名="猪八戒";
    role2.职位="天蓬元帅、净坛使者菩萨";
    role2.武器="九齿钉耙";

    var role3=new Object();
    role3.姓名="沙悟净";
    role3.职位="卷帘大将、金身罗汉菩萨";
    role3.武器="降妖宝杖";

    var obj1=new Object();
    obj1.孙悟空=role1;
    obj1.猪八戒=role2;
    obj1.沙悟净=role3;
    
    role1.姓名="唐僧";//rol1.姓名由"孙悟空"变为了"唐僧",那么obj1引用的值也会随之变化
    console.log(obj1);//如果引用变量发生了改动，那么其余的引用的变量也会随之改动而不是不变
    //当一个值设置为null时，另一个引用该值的变量不会发生变化，会断开连接
    </script>
</head>
<body>
    
</body>
</html>